<div class="row">
    <div class="col-lg-12 text-right">
        <div>
            <ul class="pagination">
                <li>
                    <a href="javascript:void(0)">总数: ${pageData.total}</a>
                </li>
                <li :class="['previous', {'disabled': pageData.current_page == 1}]" @click="turnPage(pageData.current_page - 1)">
                    <a href="javascript:void(0)">上一页</a>
                </li>

                <li :class="{'active': $index == pageData.current_page}" v-for="$index in pageData.last_page" @click="turnPage($index)" v-if="$index <= pageData.current_page + 4 && $index >= pageData.current_page - 4">
                    <a href="javascript:void(0)">${$index}</a>
                </li>

                <li :class="['next', {'disabled': pageData.current_page == pageData.last_page}]" @click="turnPage(pageData.current_page + 1)">
                    <a href="javascript:void(0)">下一页</a>
                </li>
            </ul>
        </div>
    </div>
</div>